<template>
  <el-container>
    <el-header><BHeader></BHeader></el-header>
    <el-main>
      <router-view />
    </el-main>
    <el-footer>
      <div class="footer">只分享，如有侵权请联系wx:Tgt13278865643</div>
    </el-footer>
  </el-container>
</template>
<script>
import BHeader from "@/components/BHeader";
export default {
  components: { BHeader },
};
</script>
<style>
el-container {
  font-family: "Hiragino Sans GB";
}
a {
  text-decoration: none;
}

.el-header,
.el-footer {
  padding: 0 !important;
  background-color: #b3c0d1;
  color: #333;
  text-align: center;
  line-height: 3.75rem;
}
.el-header {
  line-height: 5rem;
  height: 5rem !important;
}
.el-aside {
  background-color: #d3dce6;
  color: #333;
  text-align: center;
  line-height: 12.5rem;
}

.el-main {
  background-color: #e9eef3;
  color: #333;
}

body > .el-container {
  margin-bottom: 2.5rem;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 16.25rem;
}

.el-container:nth-child(7) .el-aside {
  line-height: 20rem;
}
.footer {
  font-family: "Herr Von Muellerhoff";
  color: rgb(38, 26, 26);
  font-weight: 300;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 3.125rem;
  font-size: 1rem;
  background-color: #b3c0d1;
}
body > .el-container {
    margin-bottom: 0px !important; 
}
</style>
